/* You can add global styles to this file, and also import other style files */
/*@import "~@angular/material/prebuilt-themes/indigo-pink.css";*/
@import "theme.scss";
html,body,main,.site{
  width:100%;
  height:100%;
  margin:0;
}
.site{
  display:flex;
  flex-direction:column;
}
main{
  flex:1;
}
.fill-remain-content{
  flex:1;
}
mat-sidenav-container.myapp-dark-theme{
  background-color:black;
}
.full-width{
  width:100%;
}
app-project-list{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  align-content:flex-start;
  flex-wrap:wrap;
}

.square{
  width:100px;
  height:100px;
  background-color:blue;
}
.app-draggable {
  border: dashed 2px #ff0000;
}
.app-droppable {
  background-color:gray;
}

